(()=>{"use strict";var __webpack_modules__={"./src/js/components/handleVideoSection.js":
/*!*************************************************!*\
  !*** ./src/js/components/handleVideoSection.js ***!
  \*************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   handleVideoSection: () => (/* binding */ handleVideoSection)\n/* harmony export */ });\nfunction handleVideoSection(hideBtnOnOut = true) {\n  const videoSections = document.querySelectorAll(".videoSection");\n  videoSections.forEach(videoSection => {\n    const playBtn = videoSection.querySelector(".play-img");\n    const videoModalBtn = videoSection.querySelector("button.videoBtn");\n    if (!playBtn || !videoSection) return;\n    if (videoModalBtn) {\n      $(videoModalBtn).modalVideo({\n        channel: "vimeo"\n      });\n    }\n    let mouseX = 0,\n      mouseY = 0;\n    let delayX = 0,\n      delayY = 0;\n    const delayFactor = 0.1;\n    videoSection.addEventListener("mousemove", e => {\n      const rect = videoSection.getBoundingClientRect();\n      mouseX = e.clientX - rect.left;\n      mouseY = e.clientY - rect.top;\n    });\n    function updateCursorPosition() {\n      delayX += (mouseX - delayX) * delayFactor;\n      delayY += (mouseY - delayY) * delayFactor;\n      playBtn.style.left = `${delayX}px`;\n      playBtn.style.top = `${delayY}px`;\n      requestAnimationFrame(updateCursorPosition);\n    }\n    updateCursorPosition();\n    videoSection.addEventListener("mouseenter", () => {\n      if (hideBtnOnOut) {\n        $(playBtn).fadeIn();\n      }\n    });\n    videoSection.addEventListener("mouseleave", () => {\n      if (hideBtnOnOut) {\n        $(playBtn).fadeOut();\n      }\n    });\n  });\n}\n\n//# sourceURL=webpack://wp_layer_starter/./src/js/components/handleVideoSection.js?')},"./src/js/components/initInfiniteCarousel.js":
/*!***************************************************!*\
  !*** ./src/js/components/initInfiniteCarousel.js ***!
  \***************************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   initInfiniteCarousel: () => (/* binding */ initInfiniteCarousel)\n/* harmony export */ });\nfunction initInfiniteCarousel(options = {}) {\n  let swiperOptions = {\n    loop: true,\n    slidesPerView: "auto",\n    spaceBetween: 0,\n    centeredSlides: true,\n    autoplay: {\n      delay: 0,\n      disableOnInteraction: false\n    },\n    speed: 4000,\n    allowTouchMove: false,\n    breakpoints: {\n      992: {\n        allowTouchMove: true\n      }\n    }\n  };\n  swiperOptions = {\n    ...swiperOptions,\n    ...options\n  }; // merge options\n\n  const infiniteCarouselSwiper = new Swiper(".infinite-carousel-swiper", swiperOptions);\n}\n\n//# sourceURL=webpack://wp_layer_starter/./src/js/components/initInfiniteCarousel.js?')},"./src/js/components/initMastheadRock.js":
/*!***********************************************!*\
  !*** ./src/js/components/initMastheadRock.js ***!
  \***********************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   initMastheadRock: () => (/* binding */ initMastheadRock)\n/* harmony export */ });\nfunction initMastheadRock() {\n  const player = document.getElementById("myLottie");\n  const lottieInstance = player.getLottie();\n  const totalFrames = lottieInstance.totalFrames;\n  const halfFrames = Math.floor(totalFrames / 2);\n  let isReversing = false; // Track the direction\n\n  // Seek & pause so it visually starts in the middle\n  player.seek(halfFrames);\n  player.pause();\n  if (window.innerWidth < 992) {\n    // play the lottie, at completion - reverse the video and play again\n    lottieInstance.playSegments([0, totalFrames], true);\n    lottieInstance.addEventListener("complete", function () {\n      if (isReversing) {\n        lottieInstance.playSegments([0, lottieInstance.totalFrames], true);\n      } else {\n        lottieInstance.playSegments([lottieInstance.totalFrames, 0], true);\n      }\n      isReversing = !isReversing; // Toggle direction\n    });\n  } else {\n    LottieInteractivity.create({\n      player: "#myLottie",\n      mode: "cursor",\n      actions: [{\n        position: {\n          x: [0, 2],\n          y: [-1, 1]\n        },\n        type: "seek",\n        frames: [0, totalFrames]\n      }]\n    });\n  }\n}\n\n//# sourceURL=webpack://wp_layer_starter/./src/js/components/initMastheadRock.js?')},"./src/js/components/initScrollDown.js":
/*!*********************************************!*\
  !*** ./src/js/components/initScrollDown.js ***!
  \*********************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   initScrollDown: () => (/* binding */ initScrollDown)\n/* harmony export */ });\nfunction initScrollDown() {\n  const scroller = $('.scroll-down');\n  scroller.on('click', function () {\n    let nextElem = scroller.next().length ? scroller.next() : scroller.parent().next();\n    if (this.dataset.target) {\n      nextElem = $(this.dataset.target);\n    }\n    scrollTo(nextElem, -100);\n  });\n  function scrollTo(element, distance = 10) {\n    $([document.documentElement, document.body]).animate({\n      scrollTop: element.offset().top + distance\n    }, 500);\n  }\n}\n\n//# sourceURL=webpack://wp_layer_starter/./src/js/components/initScrollDown.js?")},"./src/js/helpers/initWelcomeLottie.js":
/*!*********************************************!*\
  !*** ./src/js/helpers/initWelcomeLottie.js ***!
  \*********************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   initWelcomeLottie: () => (/* binding */ initWelcomeLottie)\n/* harmony export */ });\nfunction initWelcomeLottie() {\n  const lottiePlayer = document.querySelector("#welcome_lottie");\n  const videoPlayer = document.querySelector("#welcome_video");\n  if (lottiePlayer) {\n    lottiePlayer.play();\n    lottiePlayer.addEventListener("complete", async () => {\n      $(".welcome-animation").fadeOut(1500);\n    });\n  }\n  if (videoPlayer) {\n    videoPlayer.play();\n    videoPlayer.addEventListener("ended", function () {\n      $(".welcome-animation").fadeOut("slow");\n    });\n  }\n}\n\n//# sourceURL=webpack://wp_layer_starter/./src/js/helpers/initWelcomeLottie.js?')},"./src/js/pages/front-page.js":
/*!************************************!*\
  !*** ./src/js/pages/front-page.js ***!
  \************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _components_initInfiniteCarousel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/initInfiniteCarousel */ "./src/js/components/initInfiniteCarousel.js");\n/* harmony import */ var _components_handleVideoSection__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/handleVideoSection */ "./src/js/components/handleVideoSection.js");\n/* harmony import */ var _components_initScrollDown__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/initScrollDown */ "./src/js/components/initScrollDown.js");\n/* harmony import */ var _components_initMastheadRock__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/initMastheadRock */ "./src/js/components/initMastheadRock.js");\n/* harmony import */ var _helpers_initWelcomeLottie__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../helpers/initWelcomeLottie */ "./src/js/helpers/initWelcomeLottie.js");\n\n\n\n\n\n(function (window, document, $) {\n  "use strict";\n\n  $(document).ready(function ($) {\n    (0,_helpers_initWelcomeLottie__WEBPACK_IMPORTED_MODULE_4__.initWelcomeLottie)();\n    (0,_components_initInfiniteCarousel__WEBPACK_IMPORTED_MODULE_0__.initInfiniteCarousel)();\n    (0,_components_initMastheadRock__WEBPACK_IMPORTED_MODULE_3__.initMastheadRock)();\n    (0,_components_handleVideoSection__WEBPACK_IMPORTED_MODULE_1__.handleVideoSection)();\n    (0,_components_initScrollDown__WEBPACK_IMPORTED_MODULE_2__.initScrollDown)();\n  });\n})(window, document, jQuery);\n\n//# sourceURL=webpack://wp_layer_starter/./src/js/pages/front-page.js?')},"./src/scss/pages/front-page.scss":
/*!****************************************!*\
  !*** ./src/scss/pages/front-page.scss ***!
  \****************************************/(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://wp_layer_starter/./src/scss/pages/front-page.scss?")}},__webpack_module_cache__={};function __webpack_require__(e){var n=__webpack_module_cache__[e];if(void 0!==n)return n.exports;var t=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](t,t.exports,__webpack_require__),t.exports}__webpack_require__.d=(e,n)=>{for(var t in n)__webpack_require__.o(n,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},__webpack_require__.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__("./src/scss/pages/front-page.scss");var __webpack_exports__=__webpack_require__("./src/js/pages/front-page.js")})();